<template>
	<view>
		<view class="group-fac u-flex u-row-between u-col-center" @click="jump('/pages-user/user-factivor/project')">
			<view class="leftgroup u-flex u-row-between u-col-center">
				<image class="left-img" :src="$IMG_URL + '/user/shoucang/project.png'"></image>
				<view class="left-title">项目</view>
			</view>
			<image class="right" :src="$IMG_URL + '/user/shoucang/back.png'">
			
			</image>
		</view>
		<view class="group-fac u-flex u-row-between u-col-center" @click="jump('/pages-user/user-factivor/class')">
			<view class="leftgroup u-flex u-row-between u-col-center">
				<image class="left-img" :src="$IMG_URL + '/user/shoucang/class.png'"></image>
				<view class="left-title">课程</view>
			</view>
			<image class="right" :src="$IMG_URL + '/user/shoucang/back.png'">
			
			</image>
		</view>
		<view class="group-fac u-flex u-row-between u-col-center" @click="jump('/pages/user/favorite')">
			<view class="leftgroup u-flex u-row-between u-col-center">
				<image class="left-img" :src="$IMG_URL + '/user/shoucang/goods.png'"></image>
				<view class="left-title">商品</view>
			</view>
			<image class="right" :src="$IMG_URL + '/user/shoucang/back.png'">
			</image>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods:{
		jump(path, parmas) {
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
	}
}
</script>

<style lang="scss">
page{
	background: #fff;
}
.group-fac{
	border-bottom:2rpx solid #F0F0F0 ;
	margin: 0 30rpx;
	padding: 30rpx 20rpx;
	width: 93%;
	.leftgroup{
		.left-img{
			width: 40rpx;
			height: 40rpx;
			margin-right: 20rpx;
		}
	}
	.right{
		width:20rpx;
		height: 30rpx;
	}
}
</style>
